<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j">
    <a4j:form id="frmProgramas">
   		<rich:panel id="panProgramas" header="Programa">
			<h:panelGrid id="out" columns="4" styleClass="gridhello" columnClasses="gridhellocolumn">
        
                            <h:outputText value="" />
                            <h:inputHidden value="#{gestorProgramas.currentPrograma.codigo}"/>
                            <h:outputText value="" />
                            <h:outputText value="" />




                        <h:outputText value="Nombre:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputText id="idNombre" value="#{gestorProgramas.currentPrograma.nombre}"
                                     required="true" maxlength="100"
                                     requiredMessage="Es necesario llenar este campo."
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>
                        <rich:message for="idNombre" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />



                        <h:outputText value="Fecha Inicio:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="opcional"/>
                            <rich:calendar id="cldFechaInicio" value="#{gestorProgramas.currentPrograma.fecha}"
	                        		enableManualInput="false" immediate="true" >
	                            <a4j:support id="sptFechaInicio" event="onchanged" ajaxSingle="true"/>
	                        </rich:calendar>
                        <a4j:support event="onblur"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />


                        <h:outputText value="Objetivos:" />
                        <h:panelGroup>
                            <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                            <h:inputTextarea  id="Objetivos" value="#{gestorProgramas.currentPrograma.objetivos}"
                                     required="false"
                                     requiredMessage="Es necesario llenar este campo."
                                       
                                     >
                        <f:validateLength minimum="3" maximum="200"/>
                        <a4j:support event="onblur"/>
                        </h:inputTextarea>
                        <rich:message for="Objetivos" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />


                        <h:outputText value="Descripcion:" />
                        <h:panelGroup>
                            <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                            <h:inputTextarea  id="Descripcion" value="#{gestorProgramas.currentPrograma.descripcion}"
                                     required="false" 
                                     requiredMessage="Es necesario llenar este campo."
                                     
                                     >
                        <f:validateLength minimum="3" maximum="300"/>
                        <a4j:support event="onblur"/>
                        </h:inputTextarea>
                        <rich:message for="Descripcion" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />



                        <h:outputText value="Duracion:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="opcional"/>
                            <h:inputText   id="Duracion" value="#{gestorProgramas.currentPrograma.duracion}"
                                     required="true" maxlength="6"
                                     requiredMessage="Es necesario llenar este campo."
                                       size="10"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>
                        <rich:message for="Duracion" errorClass="mensaje_error"/>
                        </h:panelGroup>


                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="Unidad:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:selectOneMenu id="idUnidad" label="Unidad"
                                             value="#{gestorProgramas.currentPrograma.unidad}"
                                             required="true"
                                             requiredMessage="Es necesario llenar este campo.">
                                <f:selectItem itemLabel="Meses" itemValue="M"/>
                                <f:selectItem itemLabel="Dias" itemValue="D"/>
                                <a4j:support event="onblur"/>
                            </h:selectOneMenu>
                          <rich:message for="idUnidad" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />

                        
                        <h:outputText value="Area Beneficiada:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputText id="idBeneficiada" value="#{gestorProgramas.currentPrograma.beneficiada}"
                                     required="true" maxlength="100"
                                     requiredMessage="Es necesario llenar este campo."
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>
                        <rich:message for="idBeneficiada" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />


                        <h:outputText value="Estado:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:selectOneMenu id="idEstado" label="Estado"
                                             value="#{gestorProgramas.currentPrograma.estado}"
                                             required="true"
                                             requiredMessage="Es necesario llenar este campo.">
                                <f:selectItem itemLabel="Activo" itemValue="1"/>
                                <f:selectItem itemLabel="Inactivo" itemValue="0"/>
                                <a4j:support event="onblur"/>
                            </h:selectOneMenu>

                        <rich:message for="idEstado" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />





                    </h:panelGrid>



                    <h:panelGrid id="pngBtnGrabar" columns="3" cellspacing="5px">
			<a4j:commandButton id="btnGrabar" value="Agregar/Modificar" action="#{gestorProgramas.grabar}"
                                                   title="Grabar o Modificar"/>
                        <a4j:commandButton id="btnRegresar" value="Regresar" action="Programas" immediate="true"
	                                           title="Regresa a la Pagina Programas"/>

	        </h:panelGrid>
                    <h:panelGrid id="mensajitoRequerido">
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:outputText value="= El Campo es Requerido" styleClass="mensaje_AvisoRojo"  />
                        </h:panelGroup>
                        <h:panelGroup>
                            <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                            <h:outputText value="= El Campo es Opcional" styleClass="mensaje_AvisoAzul"  />
                        </h:panelGroup>
                    </h:panelGrid>


        </rich:panel>

         <a4j:include id="incBuscarDispensario" viewId="/comun/buscarDispensario.xhtml"/>
         
    </a4j:form>
</ui:composition>